<template>
  <div class="contractDraftDetail">
    <div class="conwritten-off">
    <!--面包屑部分-->
    <div class="ccui-navigation" ref="noPrintTop">
      <el-button
        size="mini"
        type="primary-icon-medium"
        icon="icon-ccui-return"
        @click="handleBack"
        >返回
      </el-button>
      <div class="ccui-navigation-divider" />
      <el-breadcrumb
        class="ccui-navigation-crumbs-container"
        separator-class="el-icon-arrow-right"
      >
        <el-breadcrumb-item
          :to="{ path: $store.getters.getBreadcrumb('level1').path }"
          >{{ $store.getters.getBreadcrumb("level1").name }}</el-breadcrumb-item
        >
        <el-breadcrumb-item :to="{ path: '/invoice/Entering' }"
          >发票管理</el-breadcrumb-item
        >
        <el-breadcrumb-item :to="{ path: '/invoice/invoiceApproval/pending-list' }"
          >发票审批</el-breadcrumb-item
        >
        <el-breadcrumb-item>
          <span>审批</span>
          <span class="ccui-curr-crumb ccui-ml-10">
            {{breadcrumbName}}
          </span>
        </el-breadcrumb-item>
      </el-breadcrumb>
     </div>
     </div>
    <!--主体部分-->
    <invoicewrittenOffDetail :key="writtenOffKey"/>
    <approvalOperate />
<!--    <export-qr ref="exportQr"></export-qr>-->
  </div>
</template>

<script>
import invoicewrittenOffDetail from "@/app/invoice/invoiceSterilisation/views/list-detail";
import approvalOperate from "@/basa/components/public/approval/approval-operate";
// import exportQr from "@/basa/components/public/exportQr";
export default {
  components: { invoicewrittenOffDetail, approvalOperate  },
  activated() {
    this.businessDataList =  JSON.parse(sessionStorage.getItem("businessDataList"));
    console.log("businessDataList",this.businessDataList);
    this.breadcrumbName = this.businessDataList.invoiceName,
    // ++this.writtenOffKey
    this.$nextTick(()=>{
      ++this.writtenOffKey
    })
  },
  data() {
    return {
      breadcrumbName:"",
      businessDataList:"",
      writtenOffKey:1
    };
  },
  methods:{
    handleBack(){
      this.$router.push(
          "/invoice/invoiceApproval/pending-list"
      );
    }
  }
};
</script>

<style lang="scss" scope>
.contractDraftDetail {
  .ccui-navigation {
    display: none;
  }
  .el-bottom-guide {
    display: none;
  }
}
.conwritten-off{
  .ccui-navigation {
    display: block;
  }
}
</style>
